<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/Class_management.css">
</head>
<body>
    <main>
        <div><h1>班级管理</h1></div>
        <section>
            <!-- 第一排按钮 -->
            <div class="dingwei">
                <div class="right"><input type="text"  id="sousuo"> <button type="button"  id="search">搜索</button></div>
                <button type="button" id="Appclass"  data-toggle="modal" data-target="#myModal">添加新班级</button>    
            </div>
            <!-- 表格 -->
            <table class="table table-hover">
                <!-- 表格头 -->
                <thead>
                <tr>
                    <td><span>学校名称</span></td>
                    <td><span>班级名称</span></td>
                    <td><span>带班老师</span></td>
                    <td><span>操作</span></td>
                </tr>
                </thead>

                <!-- 表格内容 -->
                <tbody id="tbdisplay">

                </tbody>
            </table>
            <div id="yema"></div>
        </section>
    </main>

    <!-- 模态框 -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="myModalLabel">消息</h4>
            </div>
            <div class="modal-body">
                <ul id="xianshi">
    
                </ul>
                
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
              <button type="button" id="yes" class="btn btn-primary"  data-dismiss="modal">确定</button>
              <button type="button" id="tianjia" class="btn btn-primary"  data-dismiss="modal">确定</button>
            </div>
          </div>
        </div>
      </div>




    <!-- js -->
    <script src="../js/jquery-3.5.1.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/class_mangement.js"></script>
</body>
</html>